<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>
        目录
    </title>

    <style>
        ul {
            display: none;
        }
    </style>
</head>

<body>
<p style="display: none">https://sites.google.com/site/webglbook</p>
<p><a href="javaScript:show(1)">展开</a> <a href="javaScript:show(0)">隐藏</a></p>
<h2 onclick="clicked(1)">webGl入门</h2>
<ul id="1">
    <li><a href="source_02/01_canvas.html">canvas 画布</a></li>
    <li><a href="source_02/02_webgl.html">web GL 入门</a></li>
    <li><a href="source_02/03_HelloPoint1.html">绘制一个顶点</a></li>
    <li><a href="source_02/04_HelloPoint2.html">通过变量绘制顶点</a></li>
    <li><a href="source_02/05_ClickedPoint.html">通过点击绘制顶点</a></li>
    <li><a href="source_02/06_ColoredPoint.html"> 通过点击绘制顶点并改变颜色</a></li>
</ul>
<h2 onclick="clicked(2)">绘制和变换三角形</h2>
<ul id="2">
    <li><a href="source_03/01_MultiPoint.html"> 绘制多个点</a></li>
    <li><a href="source_03/02_Triangle.html"> 绘制三角形</a></li>
    <li><a href="source_03/03_Rectangle.html"> 绘制矩形</a></li>
    <li><a href="source_03/04_TranslatedTriangle.html"> 平移</a></li>
    <li><a href="source_03/05_RotatedTriangle.html"> 旋转</a></li>
    <li><a href="source_03/06_RotatedTriangle_Matrix.html"> 变换矩阵</a></li>
</ul>
<h2 onclick="clicked(3)">高级变换和动画基础</h2>
<ul id="3">
    <li><a href="source_04/01_RotatedTriangle_Matrix4.html">旋转</a></li>
    <li><a href="source_04/02_RotatedTranslatedTriangle.html">先平移再旋转</a></li>
    <li><a href="source_04/03_RotatingTriangles.html">动画</a></li>
</ul>
<h2 onclick="clicked(4)">颜色与纹理</h2>
<ul id="4">
    <li><a href="source_05/01_MultiAttributeSize.html">顶点数据传入着色器</a></li>
    <li><a href="source_05/02_MultiAttributeSize_Interleaved.html">创建多个缓冲区</a></li>
</ul>
</body>

<script src="js/home.js"></script>

</html>